<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <title>Title</title>
</head>
<body>
<p class="cls_1">abc</p>
<p class="cls_2">hello</p>
<p class="cls_3">你好的</p>

<a href="http://www.baidu.com">百度</a><br/><br/>

<script type="text/javascript">
    //abc追加文本
    $(".cls_1").append("追加文本")
    //在开头追加文本hello
    $(".cls_2").prepend("在开头追加文本")

    //添加新元素
    let p = "<p>文本-1。</p>";// 使用 HTML 标签创建文本
    let p1= $("<p></p>").text("文本-2。");// 使用 jQuery 创建文本
    let p2= document.createElement("p");
    p2.innerHTML="文本-3。";
    $("body").append(p,p1,p2);

    //在前面添加文本百度在后面添加文本
    $("a").after("在后面添加文本");
    $("a").before("在前面添加文本");

</script>
</body>
</html>